@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body,samp,span,i,em,b{ font-family:Arial, '微软雅黑', Helvetica, sans-serif;font-size:14px;}
a{ text-decoration:none;color:#333;}
em,i,span,smap{ font-style:normal; font-family:Arial, '微软雅黑', Helvetica, sans-serif;}
ul,li,dd,dl{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body,html{height:100%;min-width:1200px;}
.w1200{max-width:1200px;margin:auto;}

/**/
#top{background:#f5f5f5;}
.top{overflow:hidden;}
.top-a{width:60%;float:left;line-height:40px;color:#666666;}
.top-b{width:40%;float:right;text-align:right;line-height:40px;font-size:0;}
.top-b-a{display:inline-block;font-size:0px; vertical-align:middle;}
.top-b-a a{color:#666666;font-size:14px;}
.top-b-a a:hover{color:#2070d2;}
.top-b-a a:nth-child(1){border-right:1px solid #999;line-height:14px;margin-right:20px;}
.top-b-b{display:inline-block;font-size:14px; vertical-align:middle;}
.top-b-a a{display:inline-block; vertical-align:middle;padding-right:20px;}
.top-b-b img{display:inline-block; vertical-align:middle;margin-right:5px;}
.top-b-b a{color:#666666;}
.top-b-b a:hover{color:#2070d2}
/**/
.log{overflow:hidden;margin:12px auto;}
.log-a{width:48%;float:left;font-size:0;}
.log-b{width:52%;float:right;font-size:0;text-align:right;margin-top:12px;}
.log-a-a{display:inline-block; vertical-align:middle;}
.log-a-b{display:inline-block; vertical-align:middle;font-size:14px;color:#333333;border-left:1px solid #ccc;box-sizing:border-box;padding-left:20px;margin-left:20px;line-height:22px;}

.log-b-a{display:inline-block; vertical-align:middle;margin-left:40px;}
.log-b-a-a{display:inline-block; vertical-align:middle;margin-right:10px;}
.log-b-a-b{display:inline-block; vertical-align:middle;}
.log-b-a-b .p1{font-size:14px; color:#989797;text-align:left;}
.log-b-a-b .p2{font-size:20px;color:#2070d2;}

/*导航*/
#daoh{background:#2070d2;}
.daoh{overflow:hidden;}
.daoh li{width:12.5%;float:left;text-align:center;font-size:16px;padding:18px 0; transition:all 0.2s;}
.daoh li a{color:#fff;box-sizing:border-box;border-right:1px solid #ccc;display:block;line-height:14px;}
.daoh li:last-child a{border:0;}
.daoh li:hover{background:#145db7;}

#banner{margin-bottom:50px;}

/*标题*/
.biaot{text-align:center;}
.biaot p{font-size:16px;color:#999;margin-bottom:5px;}
.biaot h3{font-size:26px;margin-bottom:16px;}
.biaot i{width:20px;margin:auto;height:1px;position:relative;background:#2070d2;display:inline-block;}
.biaot i:after{width:30px;height:1px ;position:absolute;left:-5px;top:-3px; content:'';background:#2070d2;}
.biaot i:before{width:10px;height:1px ;position:absolute;left:5px;bottom:-3px; content:'';background:#2070d2;}

.color p,.color h3{color:#fff;}
.color i{background:#fff;}
.color i:after{background:#fff;}
.color i:before{background:#fff;}



/*产品导航*/
.procp{font-size:0;text-align:center;margin:30px auto;}
.procp li{display:inline-block;border:1px solid #ccc;font-size:14px;padding:5px 15px;margin:0 5px; border-radius:10px;}
.procp li:hover{border:1px solid #2070d2;}
.procp li:hover a{color:#2070d2;}
.proimg{overflow:hidden;margin-bottom:20px;}
.proimg li{width:32%;float:left;margin-right:2%;text-align:center;}
.proimg li div{border:1px solid #eee;box-sizing:border-box;}
.proimg img{width:70%;}
.proimg p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:20px auto 30px;color:#666;}
.proimg li:nth-child(3n){margin-right:0;}
.proimg li:hover div{border:1px solid #2070d2;}
.proimg li:hover p{color:#2070d2;}

/*应用*/
#appl{background:url(../images/di1.jpg) center no-repeat;padding:60px 0 70px;margin-bottom:50px;}
.appl{overflow:hidden;margin-top:30px;}
.appl .item{background:#fff;text-align:center;padding:40px 0 60px;}
.appl .item h5{color:#333333;margin:20px auto 10px;font-size:20px;}
.appl .item img{margin:auto;}
.appl .item p{color:#999999;}

/*关于我们*/
.about{overflow:hidden;margin:40px auto 50px;background: #2070d2;}
.about-a{width:50%;float:left;box-sizing:border-box;padding:50px 30px;color:#fff;line-height:26px;}
.about-b{width:50%;float:right;}
.about-b img{width:100%;}
.about-a h5{font-size:20px;margin-bottom:30px;}
.about-a a{background:#fff;width:100px;padding:5px 0;display:inline-block;text-align:center;margin-top:30px;color:#2070d2;}
.xiut{margin-bottom:75px;}
.xiut .item img{width:100%;}

/*新闻*/
#news{background:#f8f8f8;padding:50px 0;}
.news{overflow:hidden;margin-top:30px;}
.news li{width:32%;float:left;background:#fff;box-sizing:border-box;padding:20px 20px 40px;margin-right:2%;}
.news li:nth-child(3){margin-right:0;}
.news-a{overflow:hidden;margin-bottom:45px;}
.news-a img{width:100%; transition:all 0.3s;}
.news-b h6{font-size:16px;color:#333;}
.news-b samp{font-size:12px;color:#999999;display:block;margin:15px auto;}
.news-b p{font-size:14px;line-height:22px;color:#666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news li:hover img{ transform:scale(1.2)}
.news li:hover h6{color:#2070d2;}



/*底部links*/
#blinks{}
.blinks{font-size:0;padding:15px 0;}
.blinks p{font-size:24px;display:inline-block;margin-right:10px;color:#9a9a9a; vertical-align:middle;}
.blinks a{display:inline-block; margin:0 15px;font-size:14px; vertical-align:middle;color:#9a9a9a;}

.bottom{background:url(../images/di10.jpg) top center no-repeat;}
.boxu{border-top:1px solid #4a4a4a;position:relative;padding-top:30px;}
.boxu:after{ content:'';width:45%;height:1px;background:#4a4a4a;position:absolute;bottom:1px;left:0;}
.boxu:before{ content:'';width:45%;height:1px;background:#4a4a4a;position:absolute;bottom:1px;right:0;}
.box{overflow:hidden;}
.box-a{width:42%;float:left;overflow:hidden;padding-bottom: 20px;}
.box-b{width:16%;float:left;font-size:12px;color:#9a9a9a;text-align:center;margin-top: 16px;}
.box-c{width:42%;float:right;}
.box-a li:nth-child(1){width:28%;float:left;margin-right:2%;}
.box-a li:nth-child(2){width:42%;float:left;margin-right:2%;}
.box-a li:nth-child(3){width:26%;float:left;}
.box-a li h4{font-size:16px;color:#fff;margin-bottom:20px;}
.box-a li p a{color:#9a9a9a;font-size:14px;line-height:24px;}
.box-b p{margin-top:20px;}
.box-b img{max-width:100%;}

.bou{text-align:right;}
.bou-a{display:inline-block; vertical-align:middle;}
.bou-b{display:inline-block; vertical-align:middle;color:#9a9a9a;font-size:14px;}
.bou-b p{font-size:24px;color:#fff;}
.bou-c{font-size:14px;color:#9a9a9a;text-align:right;margin-top:20px;line-height:24px;}

.boj{text-align:center;font-size:14px;padding:20px 0;color:#9a9a9a;}

/*****************************内页****************************************/
.i-ban{height:300px;}
.i-sj{display:none;}
.i-sj img{width:100%;}
.i-cut{position:relative;height:100%;}
.i-cuta{color:#fff; vertical-align:middle;width:100%;position:absolute;top:50%;left:0; transform:translateY(-50%);}
.i-cuta p{font-size:16px;}
.i-cuta h3{font-size:36px;text-shadow:0 1px 0 #999;}
.i-mb{position:absolute;bottom:10px;left:0px;z-index:1;background:url(../images/crumbs.png) left center no-repeat;padding-left:20px;}
.i-mb a{display:inline-block;margin-right:10px;color:#fff;font-size:14px;}
.i-mb a:after{ content:'-';margin-left:10px;}
.i-mb a:last-child:after{ content:'';}
.i-mb a:hover{color:#333;}

/*上下*/
.i-sx{border-top:1px solid #eee;padding:25px 0;position:relative;}
.i-sx p{font-size:14px;line-height:30px;}
.i-sx a{color:#1b3149;}
.i-sx a:hover{ text-decoration:underline;}
.i-sx samp{position:absolute;top:43px;right:0;display:inline-block;font-size:14px;}
.i-sx img{display:inline-block; vertical-align:middle;}
.i-a{text-align:center;font-size:14px;}
.i-a p{display:inline-block;padding:0 10px;}
.i-a p.xa a{color:#39689c; border-bottom:1px solid #39689c;}

/*栏目*/
.i-lm{background:#f6f6f6;}
.i-lma{overflow:hidden;font-size:0;}
.i-lma li{display:inline-block;font-size:16px;margin-right:30px;}
.i-lma li a{padding:25px 0;display:inline-block;}
.i-lma li.ou a{border-bottom:2px solid #2070d2;color:#2070d2}
.i-lma li a:hover{color:#2070d2;}
.i-la{text-align:center;font-size:16px;padding:20px 0;position:relative;display:none;}
.i-la p{position:absolute;top:46%;right:10px;width:24px;height:2px;background:#666;margin:2px 0;}
.i-la p:after{ content:'';width:24px;height:2px;background:#666;display:block;position:absolute;top:-6px;}
.i-la p:before{ content:'';width:24px;height:2px;background:#666;display:block;position:absolute;bottom:-6px;}
.i-la p.lat:before{display:none;}
.i-la p.lat{ transform:translateY(3px);}

/*关于我们*/
.i-abou{font-size:14px;line-height:26px;margin:30px auto;color:#333;overflow:hidden;}
.i-abou img{max-width:100%;}

.visit{overflow:hidden;margin:50px auto 30px;}
.visit li{width:32%;float:left;margin-right:2%;text-align:center;margin-bottom:20px;line-height:30px;}
.visit li img{width:100%;}
.visit li:nth-child(3n){margin-right:0;}


/*产品*/
.i-produ{overflow:hidden;margin:50px auto;box-sizing:border-box;padding:10px;}
.i-produ li{width:23.5%;float:left;margin-right:2%;background:#f7f7f7;text-align:center;margin-bottom:20px; transition:all 0.3s;box-sizing: border-box;border: 1px solid #eee;}
.i-produ li:nth-child(4n){margin-right:0;}
.i-produ li img{width:80%;}
.i-produ li .i-proa{overflow:hidden;background: #fff;}
.i-proa img{ transition:all 0.3s;}
.i-produ li:Hover{ box-shadow:0 0 10px #666;}
.i-produ li:Hover .i-proa img{ transform:scale(1.2);}
.i-produ li .i-prob{padding:10px;box-sizing:border-box;}
.i-prob h6{font-size:14px;margin-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.i-prob samp{font-size:14px;color:#999;}
.i-prob p{font-size:14px;line-height:20px;color:#888;margin:20px 0 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i-prob a{display:inline-block;padding:10px 30px;border:1px solid #ddd;font-size:14px; border-radius:30px;}
.i-prob a:Hover{background:#fff;}

/*产品详情*/
.pro-c{margin:auto;}
.i-proda{overflow:hidden;margin-top:40px;}
.i-proda-a{width:600px;float:left;}
.i-proda-b{width:calc(100% - 650px);margin-left:50px;float:left;color:#2b2b2b;margin-top:20px;}
.i-proda-b-a{border-bottom:1px solid #eee;line-height:50px;}
.i-proda-b-a span{font-size:20px;}
.i-proda-b-b{margin-top:20px;line-height:28px;}
.i-proda-c{margin-top:20px;padding-top:20px;}
.i-proda-ca{border-bottom:1px solid #eee;font-size:0;}
.i-proda-ca h4{display:inline-block;padding:10px 40px;text-align:center;background:#fff; cursor:pointer;transform:translateY(1px);border-top:1px solid #eee;font-size:16px;box-sizing:border-box;}
.i-proda-ca h4:nth-child(1){border-left:1px solid #eee;}
.i-proda-ca h4:nth-child(2){border-right:1px solid #eee;}
.i-proda-ca .active{background:#346dbd;color:#fff;border-top:1px solid #999;}
.i-proda-cb{font-size:14px;line-height:28px;margin:30px auto;}
.i-proda-cb img{max-width:100%;}
/*放大镜*/
.productShowPic{width:362px;}
.productShowPic .box{width:362px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310, .tb-s310 a{background:#fff}
.tb-s310, .tb-s310 img{max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-booth{border:1px solid #dadada;position:relative;z-index:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(images/mask.png);cursor:move;z-index:1;}

.tb-picList{height:60px;overflow: hidden;margin-top:10px;position:relative;}
.tb-picList a.prev,.tb-picList a.next{display:block;width:12px;height:21px;position:absolute;top:18px;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.tb-picList a.prev:hover{background-position:0 -21px;}
.tb-picList a.next{left:auto;right:0;background-position:0 -42px;}
.tb-picList a.next:hover{background-position:0 -63px;}

.tb-picList .tb-thumb{position:relative;width:344px;height:60px;margin:0 auto;overflow:hidden;}
.tb-picList .tb-thumb ul{position:absolute;width:999999px;height:60px;}
.tb-picList .tb-thumb ul li{background:none;float:left;width:112px;overflow:hidden;margin-right:2px}
.tb-picList .tb-thumb ul li a{display:block;border:1px solid #edecec;text-align:center;background:#fff}
.tb-picList .tb-thumb ul li img{height:53px;cursor:pointer;}
.tb-picList .tb-thumb ul li a.tb-selected{border:1px solid #7a482c;}


/*新闻*/
.i-news{overflow:hidden;margin-top:20px;padding:20px 0 40px;}
.i-news li{width:32%;float:left;margin-right:2%;background:#fff;padding:0 0 40px; transition:all 0.3s;}
.i-news li:nth-child(3n){margin-right:0;}
.new-a{position:relative;}
.new-a-a img{width:100%;}
.new-a-b{position:absolute;bottom:0;left:0;width:30%;background:#fff;z-index:1;font-size:16px;color:#c5c5c5;line-height:40px;text-align:center;}
.new-b{font-size:16px;padding:30px 0;border-bottom:1px solid #ccc;width:90%;margin:0 auto 30px;}
.new-c{font-size:14px;line-height:26px;color:#999999;width:90%;margin:auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i-news li:hover{ transform:translateY(-20px);}
.i-news li:hover .new-b{color:#1e3852;}
.i-news li:hover .new-c{color:#666;}

.i-new{margin:20px auto 0;border-top:1px solid #eee;padding-top:30px;font-size:15px;line-height:28px;padding-bottom:40px;color:#666;border-bottom: 1px solid #eee;}
.i-new img{max-width:100%;}
.i-ne{line-height:36px;font-size:15px;padding:30px 0;overflow:hidden;}
.i-ne a{display:block;color:#666;width:40%;float:left;}
.i-ne a:nth-child(2){float:right;text-align:right;}
.i-ne a:hover{color:#264d77}
.i-bti{font-size:26px;text-align:center;color:#333;margin-bottom:6px;padding-top:50px}
.i-bt{font-size:14px;color:#999;text-align:center;}

/*应用*/
.i-appl{overflow:hidden;margin:40px auto;}
.i-appl li{width:23.5%;float:left;text-align:center;font-size:14px;line-height:40px;margin-right:2%;margin-bottom:10px;}
.i-appl li img{width:100%;}
.i-appl li:nth-child(4n){margin-right:0;}

/*招聘*/
.talent{font-size:14px;line-height:26px;margin:40px auto;color:#444;}

/*联系我们cf000e*/
.i-cont{max-width:1200px;margin:40px auto;width:96%;overflow:hidden;}
.i-con-a{width:40%;float:left;font-size:16px;line-height:30px;margin-top:10%;}
.i-con-a h5{font-size:24px;margin-bottom:30px;color:#cf000e;}
.i-con-b{width:55%;float:right;}

/*留言*/
.customers {width: 800px;margin:60px auto 0px;overflow: hidden;text-align: center;display: block;padding-bottom:60px;font-size:0px;}
.customers input {border: #CCC 1px solid;display: inline-block;font-size: 16px;text-transform: uppercase;outline: none;box-sizing:border-box;}
.customers input:first-child{margin-right:2%;}
.input2 {margin: 0;padding: 2% 2%;width: 49%;}
.input1 {margin-top: 20px;padding: 2% 2%;width:100%;clear: both;box-sizing:border-box;}
.customers textarea{border: #CCC 1px solid;display: inline-block;font-size: 16px;text-transform: uppercase;margin: 20px 0;outline: none;clear: both;}
.customers textarea::placeholder{font-family:Arial, Helvetica, sans-serif,'微软雅黑';}
.input1h {padding: 2% 2%;height: 180px;width:100%;box-sizing:border-box;}
.ftjbtn {background: #000;border: #000 1px solid !important;color: #FFF;margin-right: 2%;}
.ftjbtn, .fczbtn {padding: 2% 0;width: 49%;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fczbtn {background: #ccc;}
.fczbtn:hover{background:#000;color:#fff;}
.customers input:focus,.customers textarea:focus {border:#000 1px solid; }
